<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>向往的生活家</title>
		<link rel="shortcut icon" type="image/x-icon" href="img/user/logo.ico" />
		<!-- 引入 Bootstrap -->
        <link href="css/bootstrap.css" rel="stylesheet">
        <link rel="stylesheet" href="css/base.css" />
        <!--导航样式-->
        <link rel="stylesheet" href="css/navigation.css"/>
        <!--主页样式-->
        <link rel="stylesheet" href="css/index.css" />
        <!--评论 样式-->
        <link rel="stylesheet" href="css/details/details.css" />
        <link rel='stylesheet' href='css/details/jquery.cardtabs.css'>
		<link rel='stylesheet' href='css/details/tab.css'>
        <!--本页样式-->
        <link rel="stylesheet" href="css/partner/partner.css" />
        <link rel="stylesheet" href="css/partner/partnercontent.css" />
        <link rel="stylesheet" href="css/forum/forum.css" />
	</head>
	<body>
		<!--头部 start-->
		<script type="text/javascript" src="js/top.js" ></script> 
		<!--菜单栏-->
	    <div style="display: none;" class="container-fluid head_container">
	        <div class="container">
	      	    <nav class="navbar navbar-default">
					    <a href="#"  class="user_logo" >
					    	<img src="img/user.png" />
					    </a>
					    <a href="#"  class="top_search" >
					    	<img src="img/search_new.png" />
					    </a>
					    <div class="top_s" style="display: none;">
						    		<input type="text" placeholder="请输入您要搜索的内容...">
						    		<button type="submit">搜索</button>
						</div>
					    <div class="navbar-header">    
					      <a href="#" class="navbar-brand" ><img src="img/newlogo.png"  alt=""></a>
					      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					        <span class="sr-only">Toggle navigation</span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					      </button>
					    </div>	
					    
					    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					        <ul class="nav navbar-nav nav_menu">
					            <li class="nav_active"><a href="index.html">首页</a></li>
				                <li><a href="destination.html">目的地</a></li>
				                <li><a href="javascript:void(0)">旅游攻略</a></li>
				               <!-- <li class="dropdown">
				                    <a href="blog.html" class="dropdown-toggle" data-toggle="dropdown">
				                   	         旅游攻略
				                       <b class="caret"></b>
				                    </a>
				                    <ul class="dropdown-menu">
				                       <li><a href="blog.html">推荐攻略</a></li>
				                       <li class="divider"></li>
				                       <li><a href="blog.html">本地攻略</a></li>
				                       <li class="divider"></li>
				                       <li><a href="blog.html">热门攻略</a></li>
				                    </ul>
				                </li>-->
				                <li><a href="javascript:void(0)">自由行</a></li>	
				                <li><a href="javascript:void(0)">社区</a></li>
				                <li><a href="javascript:void(0)">问答</a></li>       
					        </ul>
					          <!--动态搜索框-->
					        <ul class="nav navbar-nav search" style="display: none;">
						        <li> <img class="close" src="img/close.png" style="width: 85%; height: 70%;margin-top: 2px;" /></li>
						        <li class="search-middle"> <input type="text"  class="nav-search-ipt" id="nav-search-ipt" placeholder="请输入你要搜索的关键词"></li>
						        <li><span class="glyphicon glyphicon glyphicon-search"></span></li>
						        <div class="search-input-hull <!--hide-->" style="display: block;">	               
					                <span class="search-cancel"></span>
					                <div id="search-content" class="search-content">
					                    <div class="search-content-list">
					                    	<div class="search-title">热门搜索</div>
					                    	<div class="hot-list search-l"><a href="" >洪崖洞</a></div>
					                    	<div class="hot-list search-l"><a href="" >黑山谷</a></div>
					                    	<div class="hot-list search-l"><a href="" >乐和乐都</a></div>
					                    	<div class="hot-list search-l"><a href="" >金刀峡</a></div>
					                    	<div class="hot-list search-l"><a href="" >瓷器口</a></div>
					                    </div>
					                </div>
					            </div>
					        </ul>
					        <!---->
					        <ul class="nav navbar-nav navbar-right" >
					        	<li><a class="search-click"><span class="glyphicon  glyphicon-search"></span></a></li>
					           <li><a href="register.html" style="color: #ff9d00;"><span class="glyphicon glyphicon-user"></span> 注册</a></li>
					           <li><a href="login.html" style="color: #ff9d00;"><span class="glyphicon glyphicon-log-in"></span> 登录</a></li>
					        </ul>
					    </div>
				</nav>
	        </div>
	    </div>	
		<!--头部 end-->
		
		<!--主体 start-->
		<section class="cont container">
			<!--图片 start-->
			<div class="detail-head">
			    <img src="https://images.mafengwo.net/mobile/images/together/topNum-bg.jpg">
			    <div class="cover-info">
			        <div class="va-wrap">
			            <div class="va-middle">
			                <h3 class="text-shadow">向往的生活家</h3>
			                <div class="user">
			                    <span class="avatar"><a href="/user/?id=80031050"><img src="https://p1-q.mafengwo.net/s10/M00/17/4A/wKgBZ1l4C0yARmWiAADCocnEcGU26.jpeg?imageMogr2%2Fthumbnail%2F%21120x120r%2Fgravity%2FCenter%2Fcrop%2F%21120x120%2Fquality%2F90"></a></span>
			                    <span class="name">渔渔大连</span><br>
			                    <span class="time">2018-03-30 15:36:26</span>
			                </div>
			            </div>
			        </div>
			    </div>
			</div>
			<!--图片 end-->
			
			<!--旅游地点内容 start-->
			<div class="detail-info">
			    今年走一次传说中的天路——川藏线。看看雪山，草原，湖泊，然后到日光之城拉萨转转。
			    感受这片纯净的土地。计划时间：8.17——8.26.成都出发，包车去。目前暂时2个小伙伴，
			    想多找几个小伙伴一起拼车。行程，攻略已做好。大家可以提前商量，早点定下来。
			    楼主一个喜欢摄影的妹纸，也可以给你们当摄影师，哈哈哈。希望结伴的小伙伴也是喜欢旅行，
			    不矫情的。有兴趣的小伙伴加微信：3155931963<br>
			</div>
			<!--旅游地点内容 end-->
			
			<!--面板 1 start-->
			<div class="panel panel-default">
				<div class="panel-heading">
					<em class="ebma-icon-list">1</em>
					第一站：兴化千垛菜花风景区
				</div>
				<div class="panel-body">
					<p>当乌篷船缓缓划入黄色的花海，江南便真正步入了春天。
						“河有万湾多碧水，田无一垛不黄花”说的正是兴化垛
						田的菜花，这是一片在古战壕基础上形成了万亩水泽花海。
					</p>
					<p style="text-align: center;">
						<img class="ncupload-img" src="http://s1.lvjs.com.cn//uploads/pc/place2/2018-03-02/95c0a8af-be11-4b27-a40e-c77123f3f7be_720_.jpg" alt="95c0a8af-be11-4b27-a40e-c77123f3f7be_720_.jpg">
					</p>
					<p style="text-align: center;">
						<img class="ncupload-img" data-link="442-1918348" src="http://s1.lvjs.com.cn//uploads/pc/place2/2018-03-02/c22e102b-686c-45d5-a56d-775f9445eefa_720_.jpg" alt="c22e102b-686c-45d5-a56d-775f9445eefa_720_.jpg">
					</p>
					<p class="head">【推荐理由】</p>
					<p>水乡田野的春色，最为怡人者，莫过于兴化千垛的万亩菜花了。
						当3月中下旬的暖风吹过江南，兴化东旺村东侧的沼泽之上、
						阡陌之间，成片成片的油菜花迎风扭动着细腰，如一群温婉的
						江南女子舞于水面之上。乘着乌篷船，随波出入于花海之间，
						或是踏着木栈道，寻着花影深处而去，一路之上且行且乐，心旷神怡。
					</p>
					<p style="text-align: center;">
						<img class="ncupload-img" data-link="442-1918349" src="http://s1.lvjs.com.cn//uploads/pc/place2/2018-03-02/c7c41f6a-b0c1-426b-843e-fc8e5a248856_720_.jpg" alt="c7c41f6a-b0c1-426b-843e-fc8e5a248856_720_.jpg">
					</p>
					<p class="head">【景点及玩法推荐】</p>
					<p>从南入口进入景区不远处的瞭望塔，是景区的制高点，观景拍照的好去处。
						一层层上，从高处看垛田油菜花，黄色的花一块块飘在水里，象是养在
						水里的盆景。景区在田间搭出了特制的木栈道和砖石路，供游客近距离
						的观赏油菜花（不过不要轻易走下栈道，田间土很松）；漫步花间，还
						会看见古老的水车，可以上去亲自踩踏体验田间之趣。木板索桥将木栈
						道与砖石路连接起来，漫步砖石路，你可以一直走到垛田景区东边的尽
						头。在油菜花景区的东北角，筑有船舫，三层的仿古建筑，船舫内可供
						游客喝茶休息，油菜花节期间，船舫内还会不时上演兴化当地的地方戏。
					</p>
					<p style="text-align: center;">
						<img class="ncupload-img" data-link="442-1918352" src="http://s1.lvjs.com.cn//uploads/pc/place2/2018-03-02/3255553b-49dc-48a1-8d1a-0f8a3ffffe96_720_.jpg" alt="3255553b-49dc-48a1-8d1a-0f8a3ffffe96_720_.jpg">
					</p>
					<p style="text-align: center;">
						<img class="ncupload-img" data-link="442-1918347" src="http://s1.lvjs.com.cn//uploads/pc/place2/2018-03-02/736a773f-3bb0-4e16-a8e5-51fd0bed5648_720_.jpg" alt="736a773f-3bb0-4e16-a8e5-51fd0bed5648_720_.jpg">
					</p>
					<p class="cont">*最佳游玩时间：3月22日-5月3日</p>
					<p class="cont">
						*门票：门票、船票一票通 100元/人。船票不单独出售、不单独检票，
						门票内直接含有船票，即不论游客乘船与否，都要购买此票。
					</p>
					<p class="cont">*交通：</p>
					<p class="cont">公交车：兴化农工客运中心有镇村公交前往缸顾乡，人满即发，油菜花季市区会有旅游专线直达景区。</p>
					<p class="cont">市区出发：市区出发—S231—S233—菜花景区连接线—千垛景区。</p>
					<p class="cont">地址：江苏省泰州市兴化市缸顾乡东旺村东侧</p>
				</div>
			</div>
			
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">
						<em class="ebma-icon-list">2</em>
						第二站：婺源油菜花
					</h3>
				</div>
				<div class="panel-body">
					<p>
						油菜花尽头的那棵老槐树，是辛夷坞笔下的青春。初识婺源，是在小说《致我们终将逝去的青春》里，
						每到春日，这里将会被漫山遍野的油菜花海包围，跑过花海，来到村头的老槐树下，勾勒着老槐树下
						少年少女相会的画面，《山月不知心底事》里的向晚、《原来你还在这里》的陈韵，她们的爱情都与这里有关。
					</p>
					<p style="text-align: center;"> 
						<img class="ncupload-img" data-link="442-1918358" src="http://s1.lvjs.com.cn//uploads/pc/place2/2018-03-02/acc0ce2c-de95-4b31-b64f-651a9889916d_720_.jpg" alt="acc0ce2c-de95-4b31-b64f-651a9889916d_720_.jpg">
					</p>
					<p style="text-align: center;"> 
						<img class="ncupload-img" data-link="442-1918357" src="http://s1.lvjs.com.cn//uploads/pc/place2/2018-03-02/6fb26ec0-59f2-4b9e-b1d7-e502fc76d07c_720_.jpg" alt="6fb26ec0-59f2-4b9e-b1d7-e502fc76d07c_720_.jpg">
					</p>
					<p class="head">【推荐理由】</p>
					<p>一生痴绝处，无梦到徽州。婺源，徽派的画里乡村，全球十大最美梯田之一。</p>
					<p class="head">【景点以及玩法推荐】</p>
					<p>赏花线路：集散中心（汽车北站）——月亮湾（免票） ——李坑（通票） —— 汪口（通票） —— 江湾（通票） —— 晓起（通票） —— 江岭（通票） —— 庆源（需单独购票）。</p>
					<p style="text-align: center;">
						<img class="ncupload-img" data-link="442-1918359" src="http://s1.lvjs.com.cn//uploads/pc/place2/2018-03-02/68ec0475-8123-4c6d-8f49-dc662d2c322b_720_.jpg" alt="68ec0475-8123-4c6d-8f49-dc662d2c322b_720_.jpg">
					</p>
					<p>
						<strong>江岭：</strong>
						来婺源赏油菜花，多是指在江岭看花。每年春天，江岭的万亩花海都会吸引无数游客慕名而来。
						江岭赏花，不仅可以赏到壮观的万亩油菜花梯田，登山山顶观景台还可以看到绝美的乡间日出：
						阳光驱散薄雾照射在金黄的花田之间，微风吹过，花枝摇曳，隐在花田后的白墙黑瓦的村子显得格外的美。
					</p>
					<p style="text-align: center;">
						<img class="ncupload-img" data-link="442-1918361" src="http://s1.lvjs.com.cn//uploads/pc/place2/2018-03-02/cf1a6e14-7ac2-4dec-9165-fd77c4f0bf14_720_.jpg" alt="cf1a6e14-7ac2-4dec-9165-fd77c4f0bf14_720_.jpg">
					</p>
					<p class="cont">门票：婺源通票里已经包含了</p>
					<p class="cont">交通：由婺源集散中心（汽车北站）搭车前往江岭，行车时间约1小时。</p>
					<p class="cont">地点：江西省上饶市婺源县</p>
				</div>
			</div>
			<!--面板1 end-->
			
			
			
			
			
			<!--PC端 评论框 start-->
			<!--游客点评-->
			<div class="row comments" style="display: none;">
				<div class="tit">留言（17条）</div>
			
			</div>
			
			<div class="ykdp" id="ykdp">
				<div class="line"></div>
				<div class="box2 clearfix">
					 <!--星星评论 start-->
						<div class="quiz">
							<div class="quiz_content">
								<form action="" id="" method="post">
									<!--评论-->
									<!--评论区域 begin-->
								    <div class="reviewArea clearfix">
								        <textarea class="content comment-input" placeholder="" onkeyup="keyUP(this)"></textarea>
								        <a href="javascript:;" class="plBtn">评论</a>
								    </div>
								    <!--评论区域 end-->
									<!--评论-->
								</form>
							</div>
						</div>
						<!--星星评论 end-->
						
						<!--显示评论文字 start-->
						<div class="container tab">
							<div class='example'>
								<div class='tabsholder3'>
									<div data-tab="最&nbsp;新">
										
										<!--评论内容-->
										<!--回复区域 begin-->
									    <div class="comment-show">
									        <div class="comment-show-con clearfix">
									            <div class="comment-show-con-img pull-left"><img src="img/user/header-img-comment_03.png" alt=""></div>
									            <div class="comment-show-con-list pull-left clearfix">
									                <div class="pl-text clearfix">
									                    <a href="#" class="comment-size-name">张三 : </a>
									                    <span class="my-pl-con">&nbsp;来啊 造作啊!</span>
									                </div>
									                <div class="date-dz">
									                    <span class="date-dz-left pull-left comment-time">2017-5-2 11:11:39</span>
									                    <div class="date-dz-right pull-right comment-pl-block">
									                        <a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a>
									                        <span class="pull-left date-dz-line">|</span>
									                        <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a>
									                    </div>
									                </div>
									                <div class="hf-list-con"></div>
									            </div>
									        </div>
									    </div>
									    <!--回复区域 end-->
										<!--评论内容-->
									</div>
									<div data-tab="最&nbsp;热">
										
										<!--评论内容-->
										<!--回复区域 begin-->
									    <div class="comment-show">
									        <div class="comment-show-con clearfix">
									            <div class="comment-show-con-img pull-left"><img src="img/user/header-img-comment_03.png" alt=""></div>
									            <div class="comment-show-con-list pull-left clearfix">
									                <div class="pl-text clearfix">
									                    <a href="#" class="comment-size-name">张三 : </a>
									                    <span class="my-pl-con">&nbsp;来啊 造作啊!</span>
									                </div>
									                <div class="date-dz">
									                    <span class="date-dz-left pull-left comment-time">2017-5-2 11:11:39</span>
									                    <div class="date-dz-right pull-right comment-pl-block">
									                        <a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a>
									                        <span class="pull-left date-dz-line">|</span>
									                        <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a>
									                    </div>
									                </div>
									                <div class="hf-list-con"></div>
									            </div>
									        </div>
									    </div>
									    <!--回复区域 end-->
										<!--评论内容-->
									</div>
								</div>
							</div>
						</div>
						<!--显示评论文字 end-->
                        
                        
					</div>
			</div>
			<!--游客点评-->
			<!--PC端 评论框 end-->
			
			<!--评论框 start-->
			<div class="row comments" >
				<div class="tit">留言（17条）</div>
				<div class="col-xs-12">
					<!---->
					<div class="ping_title plBtn">发表评论</div>
					<div class="quiz_content ping_content">
						<form action="" id="" method="post">													
							<!--评论-->
							<!--评论区域 begin-->
						    <div class="reviewArea clearfix">
						        <div class="flex-text-wrap"><pre class="pre"><span></span><br></pre><textarea class="content comment-input" placeholder="" onkeyup="keyUP(this)"></textarea></div>
						        <a href="javascript:;" class="plBtn">评论</a>
						    </div>
						    <!--评论区域 end-->
							<!--评论-->
							
						</form>
					</div>
					<style type="text/css">
						@media(max-width: 767px) { 
							.quiz_content{
								    margin-top: -175px;
							}
						}
						
					</style>
					<!---->
				</div>
				 <div class="col-xs-12">
				 	<!---->
					<div class="tabsholder3">
						<div class="card-tabs-stack graygreen">
							<!--评论内容-->
							<!--回复区域 begin-->
						    <div class="comment-show" style="margin-top: 57px;">
						        <div class="comment-show-con clearfix">
						            <div class="comment-show-con-img pull-left"><img src="img/user/header-img-comment_03.png" alt=""></div>
						            <div class="comment-show-con-list pull-left clearfix">
						                <div class="pl-text clearfix">
						                    <a href="#" class="comment-size-name">张三 : </a>
						                    <span class="my-pl-con">&nbsp;来啊 造作啊!</span>
						                </div>
						                <div class="date-dz">
						                    <span class="date-dz-left pull-left comment-time">2017-5-2 11:11:39</span>
						                    <div class="date-dz-right pull-right comment-pl-block">
						                        <a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a>
						                        <span class="pull-left date-dz-line">|</span>
						                        <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a>
						                    </div>
						                </div>
						                <div class="hf-list-con"></div>
						            </div>
						        </div>
						    </div>
						    <!--回复区域 end-->
							<!--评论内容-->
						</div>
					</div>
				 	<!---->
				 </div>
			</div>
			<!--评论框 end-->
			
			<!--回复内容 start-->
			
			<!--回复内容 end-->
			
			<div style="height: 70px;"></div>
			
		</section>
		
		<!--主体 end-->
		
		<!--底部 start-->
			<!--返回顶部-->	
			<div class="gotop" style="display: none;">
		        <span><img src="img/top.png" ></span>
		    </div>	
			<!--返回顶部-->	
			
			<!--底部-->
			<script type="text/javascript" src="js/foot.js" ></script>
			<!--底部-->
			
		<!--底部 end-->
		
		
	</body>
	
	<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
   	<script type="text/javascript" src="js/bootstrap.min.js" ></script>
   	<script type="text/javascript" src="js/details/jquery.comment.js" ></script>
	<script type="text/javascript" src="js/details/xinxintop.js"></script>
	<script src="js/navigation.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/details/comment.js"></script>
	<script type='text/javascript' src='js/details/jquery.cardtabs.js'></script>
	<script type="text/javascript" src="js/details/details.js" ></script>
	<script type="text/javascript" src="touchTouch/touchTouch.jquery.js"></script>
	<script type="text/javascript" src="js/details/jquery.flexText.js" ></script>
	
	<script type='text/javascript'>
		$(function(){
			$(".ping_title").on('click',function(){
				$(this).toggle();
				$(".ping_content").toggle();
			})
			$(".ping_content .plBtn").on('click',function(){
				$(".ping_content").toggle();
				$(".ping_title").toggle();
			})
			
    	    $(".tab_click").eq(0).addClass("action");
			$(".tab_click").each(function(n){
				$(this).click(function(){
				 $(".tab_"+n).siblings().hide();
				 $(".tab_click").siblings().removeClass("action");
				 $(".tab_click").eq(n).addClass("action");
				 $(".tab_"+n).show();
			})
          })
		
    	});
		/**
		 * 选项卡
		 */
		$('.tabsholder1').cardTabs();
		$('.tabsholder2').cardTabs({theme: 'inset'});
		$('.tabsholder3').cardTabs({theme: 'graygreen'});
		$('.tabsholder4').cardTabs({theme: 'wiki'});
		
		
	</script>
	<!--textarea高度自适应-->
	<script type="text/javascript">
	    $(function () {
	        $('.content').flexText();
	    });
	</script>
	<!--textarea限制字数-->
	<script type="text/javascript">
	    function keyUP(t){
	        var len = $(t).val().length;
	        if(len > 139){
	            $(t).val($(t).val().substring(0,140));
	        }
	    }
	</script>
	<!--点击评论创建评论条-->
	<script type="text/javascript">
	    $('.reviewArea').on('click','.plBtn',function(){
			
	        var myDate = new Date();
	        //获取当前年
	        var year=myDate.getFullYear();
	        //获取当前月
	        var month=myDate.getMonth()+1;
	        //获取当前日
	        var date=myDate.getDate();
	        var h=myDate.getHours();       //获取当前小时数(0-23)
	        var m=myDate.getMinutes();     //获取当前分钟数(0-59)
	        if(m<10) m = '0' + m;
	        var s=myDate.getSeconds();
	        if(s<10) s = '0' + s;
	        var now=year+'-'+month+"-"+date+" "+h+':'+m+":"+s;
	        //获取输入内容
	        var oSize = $(this).siblings('.flex-text-wrap').find('.comment-input').val();
	        console.log(oSize);
	        //动态创建评论模块
	        oHtml = '<div class="comment-show-con clearfix"><div class="comment-show-con-img pull-left"><img src="img/user/header-img-comment_03.png" alt=""></div> <div class="comment-show-con-list pull-left clearfix"><div class="pl-text clearfix"> <a href="#" class="comment-size-name">David Beckham : </a> <span class="my-pl-con">&nbsp;'+ oSize +'</span> </div> <div class="date-dz"> <span class="date-dz-left pull-left comment-time">'+now+'</span> <div class="date-dz-right pull-right comment-pl-block"><a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a> <span class="pull-left date-dz-line">|</span> <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a> </div> </div><div class="hf-list-con"></div></div> </div>';
	        if(oSize.replace(/(^\s*)|(\s*$)/g, "") != ''){
	        	$(".comment-show").append(oHtml);
	            $(this).parents('.reviewArea ').siblings('.comment-show').prepend(oHtml);
	            $(this).siblings('.flex-text-wrap').find('.comment-input').prop('value','').siblings('pre').find('span').text('');
	        }
	    });
	</script>
	<!--点击回复动态创建回复块-->
	<script type="text/javascript">
	    $('.comment-show').on('click','.pl-hf',function(){
	        //获取回复人的名字
	        var fhName = $(this).parents('.date-dz-right').parents('.date-dz').siblings('.pl-text').find('.comment-size-name').html();
	        //回复@
	        var fhN = '回复@'+fhName;
	        //var oInput = $(this).parents('.date-dz-right').parents('.date-dz').siblings('.hf-con');
	        var fhHtml = '<div class="hf-con pull-left"> <textarea class="content comment-input hf-input" placeholder="" onkeyup="keyUP(this)"></textarea> <a href="javascript:;" class="hf-pl">评论</a></div>';
	        //显示回复
	        if($(this).is('.hf-con-block')){
	            $(this).parents('.date-dz-right').parents('.date-dz').append(fhHtml);
	            $(this).removeClass('hf-con-block');
	            $('.content').flexText();
	            $(this).parents('.date-dz-right').siblings('.hf-con').find('.pre').css('padding','6px 15px');
	            //console.log($(this).parents('.date-dz-right').siblings('.hf-con').find('.pre'))
	            //input框自动聚焦
	            $(this).parents('.date-dz-right').siblings('.hf-con').find('.hf-input').val('').focus().val(fhN);
	        }else {
	            $(this).addClass('hf-con-block');
	            $(this).parents('.date-dz-right').siblings('.hf-con').remove();
	        }
	    });
	</script>
	<!--评论回复块创建-->
	<script type="text/javascript">
	    $('.comment-show').on('click','.hf-pl',function(){
	        var oThis = $(this);
	        var myDate = new Date();
	        //获取当前年
	        var year=myDate.getFullYear();
	        //获取当前月
	        var month=myDate.getMonth()+1;
	        //获取当前日
	        var date=myDate.getDate();
	        var h=myDate.getHours();       //获取当前小时数(0-23)
	        var m=myDate.getMinutes();     //获取当前分钟数(0-59)
	        if(m<10) m = '0' + m;
	        var s=myDate.getSeconds();
	        if(s<10) s = '0' + s;
	        var now=year+'-'+month+"-"+date+" "+h+':'+m+":"+s;
	        //获取输入内容
	        var oHfVal = $(this).siblings('.flex-text-wrap').find('.hf-input').val();
	        console.log(oHfVal)
	        var oHfName = $(this).parents('.hf-con').parents('.date-dz').siblings('.pl-text').find('.comment-size-name').html();
	        var oAllVal = '回复@'+oHfName;
	        if(oHfVal.replace(/^ +| +$/g,'') == '' || oHfVal == oAllVal){
	
	        }else {
	            $.getJSON("json/pl.json",function(data){
	                var oAt = '';
	                var oHf = '';
	                $.each(data,function(n,v){
	                    delete v.hfContent;
	                    delete v.atName;
	                    var arr;
	                    var ohfNameArr;
	                    if(oHfVal.indexOf("@") == -1){
	                        data['atName'] = '';
	                        data['hfContent'] = oHfVal;
	                    }else {
	                        arr = oHfVal.split(':');
	                        ohfNameArr = arr[0].split('@');
	                        data['hfContent'] = arr[1];
	                        data['atName'] = ohfNameArr[1];
	                    }
	
	                    if(data.atName == ''){
	                        oAt = data.hfContent;
	                    }else {
	                        oAt = '回复<a href="#" class="atName">@'+data.atName+'</a> : '+data.hfContent;
	                    }
	                    oHf = data.hfName;
	                });
	
	                var oHtml = '<div class="all-pl-con"><div class="pl-text hfpl-text clearfix"><a href="#" class="comment-size-name">我的名字 : </a><span class="my-pl-con">'+oAt+'</span></div><div class="date-dz"> <span class="date-dz-left pull-left comment-time">'+now+'</span> <div class="date-dz-right pull-right comment-pl-block"><a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a> <span class="pull-left date-dz-line">|</span> <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a> </div> </div></div>';
	                oThis.parents('.hf-con').parents('.comment-show-con-list').find('.hf-list-con').css('display','block').prepend(oHtml) && oThis.parents('.hf-con').siblings('.date-dz-right').find('.pl-hf').addClass('hf-con-block') && oThis.parents('.hf-con').remove();
	            });
	        }
	    });
	</script>
	<!--点赞-->

	<script type="text/javascript">

	    $('.comment-show').on('click','.date-dz-z',function(){
	        var zNum = $(this).find('.z-num').html();
	        if($(this).is('.date-dz-z-click')){
	            zNum--;
	            $(this).removeClass('date-dz-z-click red');
	            $(this).find('.z-num').html(zNum);
	            $(this).find('.date-dz-z-click-red').removeClass('red');
	        }else {
	            zNum++;
	            $(this).addClass('date-dz-z-click');
	            $(this).find('.z-num').html(zNum);
	            $(this).find('.date-dz-z-click-red').addClass('red');
	        }
	    })
	</script>
	
</html>
